<template>
	<view :class="themes">
		<view class="container__warpswiper__row__ul box pad" id="yxym">
			<view class="heads">
				<u--image mode="widthFix" width="100%" height="100%" src="https://res.cloudinary.com/don15jt24/image/upload/v1708583541/amtu_sexar5.jpg"></u--image>
			</view>
			<view class="list-title">
				<u-row justify="space-between">
					<u-col span="2">
						<view><u-icon name="minus" size="14" style="margin-left:20rpx; font-weight: bold;"></u-icon></view>
					</u-col>
					<u-col span="8">
						<view class="ctitle container__warpswiper__row__ul__title">
							<text>澳门六合彩</text>
							<text>『五肖五码中特』</text>
						</view>
					</u-col>
					<u-col span="2">
						<view class="text-right container__warpswiper__row__ul__mall">
							<view style="display: flex; align-items: center; justify-content: flex-end; height: 100%;">
								<text class="more">更多</text>
								<u-icon name="arrow-right-double" size="14" style="margin-left: 10rpx; font-weight: bold;"></u-icon>
							</view>
						</view>
					</u-col>
				</u-row>
			</view>

			<view>超准平特三中二</view>
			<view class="duilianpt">
				<u-row>
					<u-col span="3">
						<view class="text-center u-content-color"><text>2024052期:</text></view>
					</u-col>
					<u-col span="5">
						<view class="zodiac">
							<template v-for="(item, index) in zodiacData">
								<text :key="index">
									<text :class="`${item.color}-text`">{{ item.name }}</text>
									<text class="black-text">{{ item.number }}</text>
								</text>
							</template>
							<!-- <text class="red-text">虎</text>
							<text class="black-text">39</text>
							<text class="green-text">猪</text>
							<text class="black-text">39</text>
							<text class="blue-text">羊</text>
							<text class="black-text">39</text> -->
						</view>
					</u-col>
					<u-col span="3">
						<view class="zodiac">
							<text class="black-text">开:</text>
							<text class="black-text">羊</text>
							<text class="black-text">马</text>
						</view>
					</u-col>
					<u-col span="1"><u-icon name="checkmark" size="16" color="#red" style="float:right;font-weight: bold;"></u-icon></u-col>
				</u-row>
				<u-row v-for="i in 2" :key="i">
					<u-col span="3">
						<view class="text-center u-content-color"><text>2024052期:</text></view>
					</u-col>
					<u-col span="5">
						<view class="zodiac">
							<text class="red-text">虎</text>
							<text class="black-text">39</text>
							<text class="green-text">猪</text>
							<text class="black-text">39</text>
							<text class="blue-text">羊</text>
							<text class="black-text">39</text>
						</view>
					</u-col>
					<u-col span="3">
						<view class="zodiac">
							<text class="black-text">开:</text>
							<text class="black-text">羊</text>
							<text class="black-text">马</text>
						</view>
					</u-col>
					<u-col span="1"><u-icon name="checkmark" size="16" color="#red" style="float:right;font-weight: bold;"></u-icon></u-col>
				</u-row>
			</view>

			<view>6肖中特</view>
			<view class="duilianpt">
				<u-row v-for="i in 2" :key="i">
					<u-col span="3">
						<view class="text-center u-content-color"><text>2024052期:</text></view>
					</u-col>
					<u-col span="5">
						<view class="zodiac">
							<text class="red-text">虎</text>
							<text class="green-text">猴</text>
							<text class="blue-text">牛</text>
							<text class="black-text">猪</text>
							<text class="black-text">狗</text>
							<text class="black-text">马</text>
						</view>
					</u-col>
					<u-col span="3">
						<view class="zodiac"><text class="black-text">开:猴（09）</text></view>
					</u-col>
					<u-col span="1"><u-icon name="checkmark" size="16" color="#red" style="float:right;font-weight: bold;"></u-icon></u-col>
				</u-row>
			</view>

			<view>5肖5码</view>
			<view class="duilianpt">
				<u-row v-for="i in 2" :key="i">
					<u-col span="3">
						<view class="text-center u-content-color"><text>2024052期:</text></view>
					</u-col>
					<u-col span="6">
						<view class="zodiac bordered">
							<text class="red-text">虎39</text>
							<text class="green-text">猪30</text>
							<text class="blue-text">羊10</text>
							<text class="black-text">虎39</text>
							<text class="black-text">虎39</text>
						</view>
					</u-col>
					<u-col span="2">
						<view class="zodiac nowrap"><text class="black-text">开:猴(09)</text></view>
					</u-col>
					<u-col span="1"><u-icon name="checkmark" size="16" color="#red" style="float:right;font-weight: bold;"></u-icon></u-col>
				</u-row>
			</view>

			<view>4肖8码</view>
			<view class="duilianpt">
				<u-row>
					<u-col span="3">
						<view class="text-center u-content-color"><text>2024052期:</text></view>
					</u-col>
					<u-col span="6">
						<view class="zodiac">
							<view class="item">
								<text class="black-text">兔</text>
								<text class="red-text">02</text>
								<text class="red-text">03</text>
							</view>
							<view class="item">
								<text class="red-text">鼠</text>
								<text class="red-text">05</text>
								<text class="red-text">06</text>
							</view>
							<view class="item">
								<text class="red-text">龙</text>
								<text class="red-text">07</text>
								<text class="red-text">08</text>
							</view>
							<view class="item">
								<text class="red-text">狗</text>
								<text class="red-text">09</text>
								<text class="red-text">10</text>
							</view>
						</view>
					</u-col>
					<u-col span="2">
						<view class="zodiac">
							<text class="black-text">开:狗</text>
							<text class="black-text">(43)</text>
						</view>
					</u-col>
					<u-col span="1"><u-icon name="checkmark" size="16" color="#red" style="float:right;font-weight: bold;"></u-icon></u-col>
				</u-row>
			</view>

			<view>4肖8码</view>
			<view class="duilianpt4">
				<u-row justify="space-between" gutter="10">
					<u-col span="3">
						<view class="text-center u-content-color"><text>2024052期:</text></view>
					</u-col>

					<u-col span="6">
						<view class="centent4">
							<u-row justify="space-between">
								<u-col span="12">
									<view class="text-center u-content-color">
										<u-row>
											<u-col span="3">
												<view class="demo-layout  zodiac">
													<text class="red-text">25</text>
													<text class="black-text">12</text>
												</view>
											</u-col>
											<u-col span="3">
												<view class="demo-layout  zodiac">
													<text class="black-text">41</text>
													<text class="black-text">12</text>
												</view>
											</u-col>
											<u-col span="3">
												<view class="demo-layout  zodiac">
													<text class="blue-text">08</text>
													<text class="black-text">12</text>
												</view>
											</u-col>
											<u-col span="3">
												<view class="demo-layout  zodiac">
													<text class="black-text">11</text>
													<text class="black-text">12</text>
												</view>
											</u-col>
										</u-row>
										<u-row>
											<u-col span="3">
												<view class="demo-layout  zodiac"><text class="green-text">龙</text></view>
											</u-col>
											<u-col span="3">
												<view class="demo-layout  zodiac"><text class="black-text">鼠</text></view>
											</u-col>
											<u-col span="3">
												<view class="demo-layout  zodiac"><text class="black-text">鸡</text></view>
											</u-col>
											<u-col span="3">
												<view class="demo-layout  zodiac"><text class="yellow-text">马</text></view>
											</u-col>
										</u-row>
									</view>
								</u-col>
							</u-row>
						</view>
					</u-col>

					<u-col span="3">
						<view style="display: flex; align-items: center; justify-content: flex-end; height: 100%;">
							<text class="black-text">开:狗</text>
							<text class="black-text">(43)</text>
							<u-icon name="checkmark" size="16" color="#red" style="margin-left: 10rpx; font-weight: bold;"></u-icon>
						</view>
					</u-col>
				</u-row>
			</view>

			<!-- 平特连肖 -->
			<view>平特连肖</view>
			<view class="duilianpt">
				<u-row justify="space-between" gutter="10" v-for="i in 2" :key="i">
					<u-col span="3">
						<view class="text-center u-content-color"><text>2024052期:</text></view>
					</u-col>

					<u-col span="7">
						<view class="zodiac">
							<text class="red-text">虎</text>
							<text class="blue-text">羊</text>
							<text class="green-text">猪</text>
							<text class="black-text">虎</text>
							<text class="black-text">龙</text>
							<text class="red-text">猪</text>
						</view>
					</u-col>

					<u-col span="2">
						<view><u-icon name="checkmark" size="16" color="#red" style="margin-left: 10rpx; font-weight: bold;"></u-icon></view>
					</u-col>
				</u-row>
			</view>

			<!-- 超稳八肖中特 -->
			<view>超稳八肖中特</view>
			<view class="duilianpt">
				<u-row justify="space-between" gutter="10" v-for="i in 2" :key="i">
					<u-col span="3">
						<view class="text-center u-content-color"><text>2024052期:</text></view>
					</u-col>

					<u-col span="6">
						<view class="zodiac">
							<text class="red-text">虎</text>
							<text class="blue-text">羊</text>
							<text class="green-text">猪</text>
							<text class="black-text">虎</text>
							<text class="black-text">龙</text>
							<text class="red-text">猪</text>
							<text class="red-text">兔</text>
							<text class="red-text">蛇</text>
						</view>
					</u-col>

					<u-col span="2">
						<view class="zodiac nowrap"><text class="black-text">开:猴(09)</text></view>
					</u-col>
					<u-col span="1"><u-icon name="checkmark" size="16" color="#red" style="margin-left: 10rpx; font-weight: bold;"></u-icon></u-col>
				</u-row>
			</view>

			<!-- 绝杀四肖 -->
			<view>绝杀四肖</view>
			<view class="duilianpt">
				<u-row justify="space-between" gutter="10" v-for="i in 2" :key="i">
					<u-col span="3">
						<view class="text-center u-content-color"><text>2024052期:</text></view>
					</u-col>

					<u-col span="6">
						<view class="zodiac">
							<text class="red-text">虎</text>
							<text class="blue-text">羊</text>
							<text class="green-text">猪</text>
							<text class="black-text">虎</text>
						</view>
					</u-col>

					<u-col span="2">
						<view class="zodiac nowrap"><text class="black-text">开:猴(09)</text></view>
					</u-col>
					<u-col span="1"><u-icon name="checkmark" size="16" color="#red" style="margin-left: 10rpx; font-weight: bold;"></u-icon></u-col>
				</u-row>
			</view>

			<!-- 无错六肖王 -->
			<view>无错六肖王</view>
			<view class="duilianpt">
				<u-row justify="space-between" gutter="10" v-for="i in 2" :key="i">
					<u-col span="3">
						<view class="text-center u-content-color"><text>2024052期:</text></view>
					</u-col>

					<u-col span="6">
						<view class="zodiac">
							<text class="red-text">虎</text>
							<text class="blue-text">羊</text>
							<text class="green-text">猪</text>
							<text class="black-text">虎</text>
							<text class="black-text">龙</text>
							<text class="red-text">猪</text>
						</view>
					</u-col>

					<u-col span="2">
						<view class="zodiac nowrap"><text class="black-text">开:猴(09)</text></view>
					</u-col>
					<u-col span="1"><u-icon name="checkmark" size="16" color="#red" style="margin-left: 10rpx; font-weight: bold;"></u-icon></u-col>
				</u-row>
			</view>

			<!-- 必中24码 -->
			<view>必中24码</view>
			<view class="duilianpt">
				<u-row>
					<u-col span="3">
						<view class="text-center u-content-color"><text>2024052期:</text></view>
					</u-col>
					<u-col span="6">
						<view class="zodiac bordered">
							<view class="item">
								<text class="black-text">01</text>
								<text class="red-text">02</text>
								<text class="red-text">03</text>
								<text class="black-text" v-for="i in Array.from({ length: 21 }, (v, k) => k + 20)" :key="i">{{ i }}</text>
							</view>
						</view>
					</u-col>
					<u-col span="2">
						<view class="zodiac">
							<text class="black-text">开:狗</text>
							<text class="black-text">(43)</text>
						</view>
					</u-col>
					<u-col span="1"><u-icon name="checkmark" size="16" color="#red" style="float:right;font-weight: bold;"></u-icon></u-col>
				</u-row>
			</view>

			<!-- 内部九肖中特 -->
			<view>内部九肖中特</view>
			<view class="duilianpt">
				<u-row justify="space-between" gutter="10" v-for="i in 2" :key="i">
					<u-col span="3">
						<view class="text-center u-content-color"><text>2024052期:</text></view>
					</u-col>

					<u-col span="6">
						<view class="zodiac">
							<view class="item">
								<text class="red-text">虎</text>
								<text class="blue-text">羊</text>
								<text class="green-text">猪</text>
								<text class="black-text">虎</text>
								<text class="black-text">龙</text>
								<text class="red-text">猪</text>
								<text class="red-text">兔</text>
								<text class="red-text">蛇</text>
								<text class="red-text">蛇</text>
							</view>
						</view>
					</u-col>

					<u-col span="2">
						<view class="zodiac nowrap"><text class="black-text">开:猴(09)</text></view>
					</u-col>
					<u-col span="1"><u-icon name="checkmark" size="16" color="#red" style="margin-left: 10rpx; font-weight: bold;"></u-icon></u-col>
				</u-row>
			</view>

			<!-- 平特一肖 -->
			<view>平特一肖</view>
			<view class="duilianpt">
				<u-row justify="space-between" gutter="10" v-for="i in 2" :key="i">
					<u-col span="3">
						<view class="text-center u-content-color"><text>2024052期:</text></view>
					</u-col>

					<u-col span="6">
						<view class="zodiac"><text class="red-text">虎</text></view>
					</u-col>

					<u-col span="2">
						<view class="zodiac nowrap"><text class="black-text">开:虎(09)</text></view>
					</u-col>
					<u-col span="1"><u-icon name="checkmark" size="16" color="#red" style="margin-left: 10rpx; font-weight: bold;"></u-icon></u-col>
				</u-row>
			</view>

			<!-- 诸葛亮破解「平特一尾」期期公开 -->
			<view>诸葛亮破解「平特一尾」期期公开</view>
			<view class="duilianpt">
				<u-row justify="space-between" gutter="10" v-for="i in 2" :key="i">
					<u-col span="3">
						<view class="text-center u-content-color"><text>2024052期:</text></view>
					</u-col>

					<u-col span="6">
						<view class="zodiac">
							<text class="blue-text">平特一尾</text>
							<text class="red-text">【2222】</text>
						</view>
					</u-col>

					<u-col span="2">
						<view class="zodiac nowrap"><text class="black-text">平特开:虎(09)</text></view>
					</u-col>
					<u-col span="1"><u-icon name="checkmark" size="16" color="#red" style="margin-left: 10rpx; font-weight: bold;"></u-icon></u-col>
				</u-row>
			</view>

			<!-- 铁算盘「超准10码•长跟必赚！」 -->
			<view>铁算盘「超准10码•长跟必赚！」</view>
			<view class="duilianpt">
				<u-row justify="space-between" gutter="10" v-for="i in 2" :key="i">
					<u-col span="3">
						<view class="text-center u-content-color"><text>2024052期:</text></view>
					</u-col>

					<u-col span="7">
						<view class="zodiac">
							<view class="item">
								<text class="red-text">04</text>
								<text class="blue-text">28</text>
								<text class="green-text">29</text>
								<text class="black-text">41</text>
								<text class="black-text">06</text>
								<text class="red-text">42</text>
								<text class="red-text">26</text>
								<text class="red-text">38</text>
								<text class="red-text">25</text>
								<text class="red-text">27</text>
							</view>
						</view>
					</u-col>

					<u-col span="1"><!-- <view class="zodiac nowrap"><text class="black-text">开:猴(09)</text></view> --></u-col>
					<u-col span="1"><u-icon name="checkmark" size="16" color="#red" style="margin-left: 10rpx; font-weight: bold;"></u-icon></u-col>
				</u-row>
			</view>

			<!-- 0149440铁算盘「必中特码诗」精华版 -->
			<view>0149440铁算盘「必中特码诗」精华版</view>
			<view class="duilianpt">
				<u-row justify="space-between" gutter="10" v-for="i in 2" :key="i">
					<u-col span="4">
						<view class="text-center u-content-color"><text>2024052期特诗:</text></view>
					</u-col>

					<u-col span="7">
						<view class="zodiac">
							<view class="item"><text class="red-text">鼠猪有特，蛇羊必中，兔马开</text></view>
						</view>
					</u-col>

					<u-col span="1"><u-icon name="checkmark" size="16" color="#red" style="margin-left: 10rpx; font-weight: bold;"></u-icon></u-col>
				</u-row>
			</view>

			<!-- 0149440铁算盘提供 三期内必出生肖 -->
			<view>0149440铁算盘提供 三期内必出生肖</view>
			<view class="duilianpt">
				<u-row justify="space-between" gutter="10" v-for="i in 2" :key="i">
					<u-col span="6">
						<view class="black-text"><text>009期-011期必中生肖：</text></view>
					</u-col>

					<u-col span="4">
						<view class="zodiac">
							<view class="item"><text class="red-text">蛇鸡马兔</text></view>
						</view>
					</u-col>

					<u-col span="2">
						<view>
							<text class="black-text">
								中
								<text class="red-text">2</text>
								期
							</text>
						</view>
					</u-col>
				</u-row>
			</view>

			<!-- 【绝杀三尾】一必杀之 -->
			<view>【绝杀三尾】一必杀之</view>
			<view class="duilianpt">
				<u-row justify="space-between" gutter="10" v-for="i in 2" :key="i">
					<u-col span="4">
						<view class="black-text"><text>2024009期:</text></view>
					</u-col>

					<u-col span="4">
						<view class="zodiac">
							<view class="item">
								<text class="blue-text">
									绝杀[
									<text class="red-text">0.6.3尾</text>
									]
								</text>
							</view>
						</view>
					</u-col>

					<u-col span="3">
						<view class="zodiac">
							<text class="black-text">开:狗</text>
							<text class="black-text">(43)</text>
						</view>
					</u-col>
					<u-col span="1"><u-icon name="checkmark" size="16" color="#red" style="float:right;font-weight: bold;"></u-icon></u-col>
				</u-row>
			</view>

			<!-- 诸葛亮（王牌四尾）绝对精彩 -->
			<view>诸葛亮（王牌四尾）绝对精彩</view>
			<view class="duilianpt">
				<u-row justify="space-between" gutter="10" v-for="i in 2" :key="i">
					<u-col span="3">
						<view class="black-text"><text>009期:四尾</text></view>
					</u-col>

					<u-col span="5">
						<view class="zodiac">
							<view class="item"><text class="blue-text">(?尾.?尾.?尾.?尾)</text></view>
						</view>
					</u-col>

					<u-col span="3">
						<view class="zodiac">
							<text class="black-text">开:?</text>
							<text class="black-text">(00)</text>
						</view>
					</u-col>
					<u-col span="1"><u-icon name="checkmark" size="16" color="#red" style="float:right;font-weight: bold;"></u-icon></u-col>
				</u-row>
			</view>

			<!-- 精选 -->
			<view>精选</view>
			<view class="duilianpt">
				<u-row justify="space-between" gutter="10">
					<u-col span="12">
						<view class="text-center">
							<text class="black-text">精选:</text>
							<text class="red-text">04 28 40 05 29 41 23 35 47 21 33 45</text>
						</view>
					</u-col>
				</u-row>

				<u-row justify="space-between" gutter="10">
					<u-col span="4">
						<view class="text-center black-text"><text>014期：④肖</text></view>
					</u-col>

					<u-col span="6">
						<view class="zodiac">
							<view class="item">
								<text class="red-text">蛇</text>
								<text class="red-text">羊</text>
								<text class="blue-text">鼠</text>
								<text class="red-text">猪</text>
							</view>
						</view>
					</u-col>

					<u-col span="2">
						<view>
							<text class="black-text">
								蛇
								<text class="red-text">23</text>
								中
							</text>
						</view>
					</u-col>
				</u-row>

				<u-row justify="space-between" gutter="10">
					<u-col span="4">
						<view class="text-center black-text"><text>014期：⑥肖</text></view>
					</u-col>

					<u-col span="6">
						<view class="zodiac">
							<view class="item">
								<text class="red-text">蛇</text>
								<text class="blue-text">羊</text>
								<text class="red-text">鼠</text>
								<text class="red-text">猪</text>
								<text class="red-text">蛇</text>
								<text class="blue-text">羊</text>
							</view>
						</view>
					</u-col>

					<u-col span="2">
						<view>
							<text class="black-text">
								蛇
								<text class="red-text">23</text>
								中
							</text>
						</view>
					</u-col>
				</u-row>

				<u-row justify="space-between" gutter="10">
					<u-col span="4">
						<view class="text-center black-text"><text>014期：⑦肖</text></view>
					</u-col>

					<u-col span="6">
						<view class="zodiac">
							<view class="item">
								<text class="red-text">蛇</text>
								<text class="red-text">羊</text>
								<text class="red-text">鼠</text>
								<text class="blue-text">猪</text>
								<text class="red-text">蛇</text>
								<text class="red-text">羊</text>
								<text class="red-text">蛇</text>
							</view>
						</view>
					</u-col>

					<u-col span="2">
						<view>
							<text class="black-text">
								蛇
								<text class="red-text">23</text>
								中
							</text>
						</view>
					</u-col>
				</u-row>

				<u-row justify="space-between" gutter="10">
					<u-col span="4">
						<view class="text-center black-text"><text>014期：⑨肖</text></view>
					</u-col>

					<u-col span="6">
						<view class="zodiac">
							<view class="item">
								<text class="red-text">蛇</text>
								<text class="red-text">羊</text>
								<text class="red-text">鼠</text>
								<text class="blue-text">猪</text>
								<text class="blue-text">猪</text>
								<text class="red-text">蛇</text>
								<text class="red-text">羊</text>
								<text class="red-text">羊</text>
								<text class="red-text">蛇</text>
							</view>
						</view>
					</u-col>

					<u-col span="2">
						<view>
							<text class="black-text">
								蛇
								<text class="red-text">23</text>
								中
							</text>
						</view>
					</u-col>
				</u-row>
			</view>

			<!-- 0149440铁算盘「5码复式 独家提供」 -->
			<view>0149440铁算盘「5码复式 独家提供」</view>
			<view class="duilianpt">
				<u-row justify="space-between" gutter="10" v-for="i in 2" :key="i">
					<u-col span="5">
						<view class="text-center black-text"><text>004期平码5中2：</text></view>
					</u-col>

					<u-col span="7">
						<view class="zodiac">
							<view class="item">
								<text class="red-text">
									【
									<text class="red-text">14</text>
									<text class="yellow-text">38</text>
									<text class="red-text">41</text>
									<text class="red-text">29</text>
									<text class="blue-text">18</text>

									】
								</text>
							</view>
						</view>
					</u-col>
				</u-row>
				<!-- 删除线 -->
				<u-row justify="space-between" gutter="10">
					<u-col span="5">
						<view class="text-center black-text"><text>004期平码5中2：</text></view>
					</u-col>

					<u-col span="7">
						<view class="zodiac">
							<view class="item"><text class="red-text del-text">【14 38 41 29 18】</text></view>
						</view>
					</u-col>
				</u-row>
			</view>

			<!-- 0149440铁算盘「平特一尾」稳稳赚钱 -->
			<view>0149440铁算盘「平特一尾」稳稳赚钱</view>
			<view class="duilianpt">
				<u-row justify="space-between" gutter="10" v-for="i in 2" :key="i">
					<u-col span="4">
						<view class="text-center black-text"><text>006期精选平尾：</text></view>
					</u-col>

					<u-col span="4">
						<view class="zodiac">
							<view class="item">
								<text class="red-text">
									【
									<text class="red-text">77777尾</text>
									】
								</text>
							</view>
						</view>
					</u-col>

					<u-col span="3">
						<view class="zodiac">
							<view class="item"><text class="black-text">-开:蛇47</text></view>
						</view>
					</u-col>
					<u-col span="1"><u-icon name="checkmark" size="16" color="#red" style="margin-left: 10rpx; font-weight: bold;"></u-icon></u-col>
				</u-row>
			</view>

			<!-- 0149440铁算盘「必中波色」值得信赖 -->
			<view>0149440铁算盘「必中波色」值得信赖</view>
			<view class="duilianpt">
				<u-row justify="space-between" gutter="10" v-for="i in 2" :key="i">
					<u-col span="4">
						<view class="text-center black-text"><text>005期:两波中特</text></view>
					</u-col>

					<u-col span="4">
						<view class="zodiac">
							<view class="item">
								<text class="red-text">
									【
									<text class="red-text">蓝波</text>
									<text class="blue-text">绿波</text>
									】
								</text>
							</view>
						</view>
					</u-col>

					<u-col span="3">
						<view class="zodiac">
							<view class="item">
								<text class="black-text">开:</text>
								<text class="red-text">羊21</text>
							</view>
						</view>
					</u-col>
					<u-col span="1"><u-icon name="checkmark" size="16" color="#red" style="margin-left: 10rpx; font-weight: bold;"></u-icon></u-col>
				</u-row>
			</view>

			<!-- 最准确的资料请往下看一惊喜不断！ -->
			<view>最准确的资料请往下看一惊喜不断！</view>
			<view class="duilianpt">
				<u-row justify="space-between" gutter="10">
					<u-col span="5">
						<view class="black-text"><text>(三)肖：猪狗鼠</text></view>
					</u-col>

					<u-col span="7">
						<view class="zodiac align-left">
							<view class="item text-left">
								<text class="blue-text">
									⑧码：
									<text class="red-text">06</text>
									<text class="red-text">30</text>
									<text class="red-text">42</text>
									<text class="red-text">19</text>
									<text class="red-text">18</text>
									<text class="red-text">43</text>
									<text class="red-text">29</text>
									<text class="red-text">41</text>
								</text>
							</view>
						</view>
					</u-col>
				</u-row>

				<u-row justify="space-between" gutter="10">
					<u-col span="5">
						<view class="black-text"><text>(二)肖：猪狗</text></view>
					</u-col>

					<u-col span="7">
						<view class="zodiac align-left">
							<view class="item">
								<text class="blue-text">
									⑤码：
									<text class="red-text">06</text>
									<text class="red-text">30</text>
									<text class="red-text">42</text>
									<text class="red-text">19</text>
									<text class="red-text">18</text>
								</text>
							</view>
						</view>
					</u-col>
				</u-row>

				<u-row justify="space-between" gutter="10">
					<u-col span="5">
						<view class=" black-text"><text>(一)肖：鼠</text></view>
					</u-col>

					<u-col span="7">
						<view class="zodiac align-left">
							<view class="item">
								<text class="blue-text">
									③码：
									<text class="red-text">06</text>
									<text class="red-text">30</text>
									<text class="red-text">42</text>
								</text>
							</view>
						</view>
					</u-col>
				</u-row>
			</view>

			<!-- 0149440铁算盘「绝杀专区」帮你省钱 -->
			<view>0149440铁算盘「绝杀专区」帮你省钱</view>
			<view class="duilianpt4">
				<u-row justify="space-between" gutter="12">
					<u-col span="12">
						<view class="text-center centent5">
							<u-row class="black-text">
								<u-col span="2"><view class="demo-layout">期数</view></u-col>
								<u-col span="2"><view class="demo-layout">杀肖</view></u-col>
								<u-col span="2"><view class="demo-layout">杀尾</view></u-col>
								<u-col span="2"><view class="demo-layout">杀波</view></u-col>
								<u-col span="2"><view class="demo-layout">杀头</view></u-col>
								<u-col span="2"><view class="demo-layout">特开</view></u-col>
							</u-row>
							<u-row v-for="i in 2" :key="i">
								<u-col span="2">
									<view class="demo-layout"><text class="red-text">052期</text></view>
								</u-col>
								<u-col span="2">
									<view class="demo-layout"><text class="red-text">狗肖</text></view>
								</u-col>
								<u-col span="2">
									<view class="demo-layout"><text class="red-text">9尾</text></view>
								</u-col>
								<u-col span="2">
									<view class="demo-layout"><text class="red-text">绿单</text></view>
								</u-col>
								<u-col span="2">
									<view class="demo-layout"><text class="black-text">3头</text></view>
								</u-col>
								<u-col span="2">
									<view class="demo-layout"><text class="red-text">兔01</text></view>
								</u-col>
							</u-row>
						</view>
					</u-col>
				</u-row>
			</view>

			<!-- 独家推出「单双各10码」期期公开 -->
			<view>独家推出「单双各10码」期期公开</view>
			<view class="duilianpt">
				<u-row justify="space-between" gutter="10" v-for="i in 2" :key="i">
					<u-col span="2">
						<view class="text-center u-content-color"><text>2024052期</text></view>
					</u-col>

					<u-col span="8">
						<view class="centent6">
							<u-row>
								<u-col span="12">
									<view class="zodiac">
										<text class="blue-text">单:</text>
										<text class="red-text">05</text>
										<text class="black-text">17</text>
										<text class="black-text">11</text>
										<text class="black-text">13</text>
										<text class="black-text">15</text>
										<text class="black-text">16</text>
										<text class="black-text">21</text>
										<text class="black-text">22</text>
										<text class="black-text">32</text>
										<text class="black-text">31</text>
									</view>
								</u-col>
							</u-row>

							<u-row>
								<u-col span="12">
									<view class="zodiac">
										<text class="blue-text">双:</text>
										<text class="red-text">05</text>
										<text class="black-text">17</text>
										<text class="black-text">11</text>
										<text class="black-text">13</text>
										<text class="black-text">15</text>
										<text class="black-text">16</text>
										<text class="black-text">21</text>
										<text class="black-text">22</text>
										<text class="black-text">32</text>
										<text class="black-text">31</text>
									</view>
								</u-col>
							</u-row>
						</view>
					</u-col>

					<u-col span="1">
						<view class="zodiac nowrap"><text class="black-text">开:09</text></view>
					</u-col>
					<u-col span="1"><u-icon name="checkmark" size="16" color="#red" style="margin-left: 10rpx; font-weight: bold;"></u-icon></u-col>
				</u-row>
			</view>

			<!-- 经典推荐◎各大优秀站一行两列 -->
			<view>经典推荐◎各大优秀站</view>
			<view class="duilianpt centent7">
				<u-row justify="space-between" gutter="10" v-for="i in 2" :key="i">
					<u-col span="6">
						<view class="text-center"><text class="magenta-text">021期：大胆买一肖</text></view>
					</u-col>

					<u-col span="6">
						<view class="zodiac">
							<view class="item"><text class="blue-text">021期：绝杀10码</text></view>
						</view>
					</u-col>
				</u-row>
			</view>

			<!-- 精准推荐【灭庄五肖】 -->
			<view>精准推荐【灭庄五肖】</view>
			<view class="duilianpt">
				<u-row justify="space-between" gutter="10" v-for="i in 2" :key="i">
					<u-col span="4">
						<view class="text-center u-content-color"><text>2024052期:五肖</text></view>
					</u-col>

					<u-col span="5">
						<view class="zodiac">
							【
							<text class="red-text">虎</text>
							<text class="blue-text">羊</text>
							<text class="green-text">猪</text>
							<text class="black-text">虎</text>
							<text class="black-text">龙</text>
							】
						</view>
					</u-col>

					<u-col span="2">
						<view class="zodiac nowrap"><text class="black-text">开:猴(09)</text></view>
					</u-col>
					<u-col span="1"><u-icon name="checkmark" size="16" color="#red" style="margin-left: 10rpx; font-weight: bold;"></u-icon></u-col>
				</u-row>
			</view>

			<!-- 大赢家推荐『金牌家野』 -->
			<view>大赢家推荐『金牌家野』</view>
			<view class="duilianpt">
				<u-row justify="space-between" gutter="10" v-for="i in 2" :key="i">
					<u-col span="3">
						<view class="text-center u-content-color"><text>2024052期:</text></view>
					</u-col>

					<u-col span="6">
						<view class="zodiac">
							家野 【
							<text class="red-text">野兽</text>
							<text class="black-text">+</text>
							<text class="green-text">马狗</text>

							】
						</view>
					</u-col>

					<u-col span="2">
						<view class="nowrap">
							<text class="black-text">开:</text>
							<text class="red-text">狗(30)</text>
						</view>
					</u-col>
					<u-col span="1"><u-icon name="checkmark" size="16" color="#red" style="margin-left: 10rpx; font-weight: bold;"></u-icon></u-col>
				</u-row>
			</view>

			<!-- 【一句解特码】最受彩民喜欢 -->
			<view>【一句解特码】最受彩民喜欢</view>
			<view class="duilianpt">
				<u-row justify="space-between" gutter="10" v-for="i in 2" :key="i">
					<u-col span="3">
						<view class="text-center u-content-color"><text>2024052期:</text></view>
					</u-col>

					<u-col span="6">
						<view class="zodiac">
							<view class="item1">
								<text class="blue-text">蓝蓝绿绿看大数</text>
								<text class="blue-text">狗羊鼠牛中本期</text>
							</view>
						</view>
					</u-col>
					<u-col span="2">
						<view class="nowrap">
							<text class="black-text">开:</text>
							<text class="red-text">狗(30)</text>
						</view>
					</u-col>
					<u-col span="1"><u-icon name="checkmark" size="16" color="#red" style="margin-left: 10rpx; font-weight: bold;"></u-icon></u-col>
				</u-row>
			</view>

			<!-- 绿色链接推荐 -->
			<view>绿色链接推荐</view>
			<view class="linkgreen">
				<u-row justify="space-between" gutter="10" v-for="i in 2" :key="i">
					<u-col span="12">
						<view class="text-center"><text>055期：澳彩神算子【壹波⑥码】［四尾八码］</text></view>
					</u-col>
				</u-row>
			</view>

			<!-- 廣东会推出「填词爆特」 -->
			<view>廣东会推出「填词爆特」</view>
			<view class="duilianpt">
				<u-row justify="space-between" gutter="10" v-for="i in 2" :key="i">
					<u-col>
						<view class="nobordered">
							<u-row>
								<u-col span="3">
									<view class="text-center u-content-color"><text>2024052期:</text></view>
								</u-col>

								<u-col span="6">
									<view class="zodiac bordered">
										成
										<text class="grey-text">（?）</text>
										成对---解：双
									</view>
								</u-col>

								<u-col span="2">
									<view class="nowrap">
										<text class="black-text">开:</text>
										<text class="red-text">狗(30)</text>
									</view>
								</u-col>
								<u-col span="1"><u-icon name="checkmark" size="16" color="#red" style="margin-left: 10rpx; font-weight: bold;"></u-icon></u-col>
							</u-row>

							<u-row class="topborder">
								<u-col>
									<text class="magenta-text">
										解:
										<text class="black-text">双数:</text>
										<text class="black-text">牛、兔、蛇、羊、鸡、猪</text>
									</text>
								</u-col>
							</u-row>
						</view>
					</u-col>
				</u-row>
			</view>

			<!-- 2024年属性知识 -->
			<view>2024年属性知识</view>
			<view class="duilianpt">
				<u-row justify="space-between" gutter="10">
					<u-col span="12">
						<view class="text-center"><text>2024龍年（十二生肖号码对照）</text></view>
					</u-col>
				</u-row>

				<u-grid :border="false">
					<u-grid-item v-for="(animal, baseListIndex) in animals" :key="baseListIndex">
						<view class="zodiac grad">
							<view class="zodiac-title">
								{{ animal.name }}
								<u--image :showLoading="true" :src="animal.image" width="80rpx" height="80rpx"></u--image>
								[{{ animal.chong }}]
							</view>
							<view class="zodiac-numbers">
								<text
									v-for="(number, i) in animal.numbers"
									:key="i"
									:class="{ red: number.color === 'red', blue: number.color === 'blue', green: number.color === 'green' }"
								>
									{{ number.value }}
								</text>
							</view>
						</view>
					</u-grid-item>
				</u-grid>
			</view>
			<!-- 2024五行对照 -->
			<view class="duilianpt">
				<u-row justify="space-between" gutter="10">
					<u-col span="12">
						<view class="text-center"><text>五行对照</text></view>
					</u-col>
				</u-row>
				<view class="duilianpt centent8">
					<u-row v-for="(element, index) in elements" :key="index" class="element-row">
						<u-col :span="2" class="element-title column-with-divider" :style="{ color: element.color, textAlign: 'center' }">{{ element.element }}</u-col>
						<u-col :span="10">
							<view class="numbers-container">
								<!-- :style="{ color: '#fff', backgroundColor: number.color.startsWith('#') ? number.color : 'red' }" -->
								<text
									v-for="number in element.numbers"
									:key="number.value"
									:class="{ red: number.color === '', blue: number.color === 'blue', green: number.color === 'green' }"
								>
									{{ number.value }}
								</text>
							</view>
						</u-col>
					</u-row>
				</view>
			</view>

			<!-- 2024波色 -->
			<view class="duilianpt">
				<u-row justify="space-between" gutter="10">
					<u-col span="12">
						<view class="text-center"><text>波色</text></view>
					</u-col>
				</u-row>
				<view class="duilianpt centent8">
					<u-row v-for="(element, index) in waveColors" :key="index" class="element-row">
						<u-col :span="2" class="element-title" :style="{ color: element.color, textAlign: 'center' }">{{ element.name }}</u-col>
						<u-col :span="10" class="wave-colors">
							<view class="numbers-container">
								<text v-for="number in element.numbers" :key="number" :class="{ red: index === 0, blue: index === 1, green: index === 2 }">{{ number }}</text>
							</view>
						</u-col>
					</u-row>
				</view>
			</view>

			<!-- 2024合数单双 -->
			<view class="duilianpt">
				<u-row justify="space-between" gutter="10">
					<u-col span="12">
						<view class="text-center"><text>合数单双</text></view>
					</u-col>
				</u-row>
				<view class="duilianpt centent8">
					<u-row v-for="(element, index) in compositeNumbers" :key="index" class="element-row">
						<u-col :span="2" class="element-title blue-text" :style="{ textAlign: 'center' }">{{ element.type }}</u-col>
						<u-col :span="10" class="wave-colors">
							<view class="numbers-container">
								<text
									v-for="(number, inx) in element.numbers"
									:key="inx"
									:class="{ red: number.color === '', blue: number.color === 'blue', green: number.color === 'green' }"
								>
									{{ number.value }}
								</text>
							</view>
						</u-col>
					</u-row>
				</view>
			</view>

			<!-- 2024生肖属性 -->
			<view class="duilianpt">
				<u-row justify="space-between" gutter="10">
					<u-col span="12">
						<view class="text-center"><text>生肖属性</text></view>
					</u-col>
				</u-row>
				<view class="duilianpt centent8">
					<u-row v-for="(element, index) in zodiacAttributes" :key="index" class="element-row">
						<u-col :span="12" class="element-title blue-text" :style="{ textAlign: 'center' }">
							<view class="zodiacAttributes">
								{{ element.category }}:
								<text v-for="(number, inx) in element.animals" :key="inx" class="black-text">{{ number }}</text>
							</view>
						</u-col>
					</u-row>
				</view>
			</view>

			<!-- 澳门彩霸王【12码中特】 -->
			<view>澳门彩霸王【12码中特】</view>
			<view class="duilianpt">
				<u-row justify="space-between" gutter="10">
					<u-col span="12">
						<view class="text-center"><text class="green1-text">049期：彩霸王四尾主12码开马35准</text></view>
						<view class="text-container">
							<text class="text-item black-text">
								<text class="red-text">1尾:</text>
								主(
								<text class="red-text">11.21.31</text>
								)
							</text>
							<text class="text-item black-text">
								<text class="red-text bg-yellow">5尾</text>
								: 主(
								<text class="red-text">15.25.35</text>
								)
							</text>
							<text class="text-item black-text">
								<text class="red-text">6尾:</text>
								主(
								<text class="red-text">16.26.36</text>
								)
							</text>
							<text class="text-item black-text">
								<text class="red-text">8尾:</text>
								主(
								<text class="red-text">08.28.38</text>
								)
							</text>
						</view>
					</u-col>
				</u-row>
			</view>

			<!-- 澳门彩霸王【正版五字真言】 -->
			<view>澳门彩霸王【正版五字真言】</view>
			<view class="duilianpt">
				<u-row justify="space-between" gutter="10">
					<u-col span="12">
						<view class="text-center">
							<text class="black-text">
								053期：
								<text class="green1-text">正版五字真言</text>
								：开龙25
							</text>
						</view>
						<view class="text-container">
							<text class="text-item1 red-text">【一四五左右发个】</text>
							<text class="text-item1 black-text">
								解：
								<text class="bg-yellow">01龙</text>
								.
								<text>02兔</text>
								.
								<text>03虎</text>
								.
								<text>06猪</text>
								.
								<text>07狗</text>
								.
								<text>11马</text>
							</text>
						</view>
					</u-col>
				</u-row>
			</view>

			<!-- 彩霸王【①波①头主十码】 -->
			<view>彩霸王【①波①头主十码】</view>
			<view class="duilianpt">
				<u-row justify="space-between" gutter="10">
					<u-col span="12">
						<view class="text-center">
							<text class="black-text">
								053期:
								<text class="green1-text">①波①头主10码</text>
								:开(龙25)中
							</text>
						</view>
						<view class="text-container">
							<text class="text-item1 black-text">
								<text class="blue1-text">①波</text>
								【红波＋
								<text class="bg-yellow">蓝波</text>
								】
								<text class="blue1-text">①头</text>
								【01
								<text class="bg-yellow">2</text>
								头】
							</text>
							<text class="text-item1 black-text">
								<text class="blue1-text">主10码</text>
								:01.02.03.10.12.13.14.19.20.
								<text class="bg-yellow">25</text>
							</text>
						</view>
					</u-col>
				</u-row>
			</view>

			<!-- 澳门彩霸王【单双四肖】 -->
			<view>澳门彩霸王【单双四肖】</view>
			<view class="duilianpt">
				<u-row justify="space-between" gutter="10">
					<u-col span="12">
						<view class="text-center">
							<text class="black-text">
								039期：单
								<text class="red-text">
									【
									<text>免</text>
									<text class="bg-yellow">鸡</text>
									<text>牛</text>
									<text>羊</text>
									】
								</text>
								双
								<text class="red-text">
									【
									<text>龙</text>
									<text>鼠</text>
									<text>马</text>
									<text>猴</text>
									】
								</text>
								開：
								<text class="red-text">鸡19</text>
							</text>
						</view>
					</u-col>
				</u-row>
			</view>

			<!-- 彩霸王0149223.com内幕1肖1码 -->
			<view>彩霸王0149223.com内幕1肖1码</view>
			<view class="duilianpt">
				<u-row justify="space-between" gutter="10">
					<u-col span="12">
						<view class="text-center">
							<text class="black-text">
								055期：
								<text class="red-text">主【(马23)防(龙37)(蛇12)(鼠29)】</text>

								開：
								<text class="red-text">(?00)</text>
							</text>
						</view>
					</u-col>
				</u-row>
			</view>

			<!-- 澳门彩霸王【精选平码】 -->
			<view>澳门彩霸王【精选平码】</view>
			<view class="duilianpt">
				<u-row justify="space-between" gutter="10">
					<u-col span="12">
						<view class="text-center">
							<text class="black-text">
								055期：
								<text class="red-text">主【(马23)防(龙37)(蛇12)(鼠29)】</text>

								開：
								<text class="red-text">(?00)</text>
							</text>
						</view>
					</u-col>
				</u-row>
			</view>

			<!-- 广告商赞助&精彩推荐 -->
			<view>广告商赞助&精彩推荐</view>
			<view class="duilianpt">
				<u-row justify="space-between" gutter="10">
					<u-col span="6"><text class="text-bx blue-text">055期【七字解平特】</text></u-col>
					<u-col span="6"><text class="text-bx blue-text">055期【七字解平特】</text></u-col>
				</u-row>

				<u-row justify="space-between" gutter="10">
					<u-col span="12">
						<text class="text-bx black-text">
							055期：猛虎下山
							<text class="red-text">【三期必出】</text>
							只求最稳
						</text>
					</u-col>
				</u-row>
			</view>

			<!-- 澳门彩霸王【前后生肖】 -->
			<view>澳门彩霸王【前后生肖】</view>
			<view class="duilianpt">
				<u-row justify="space-between" gutter="10">
					<u-col span="12">
						<view class="text-center">
							<text class="black-text">
								055期:前后生肖
								<text class="red-text">【后肖】</text>
								开猴09准
							</text>
						</view>
					</u-col>
				</u-row>
			</view>

			<!-- 澳门彩霸王【二组二连】 -->
			<view>澳门彩霸王【二组二连】</view>
			<view class="duilianpt">
				<u-row justify="space-between" gutter="10">
					<u-col span="12">
						<view class="text-center">
							<text class="black-text">
								050期:
								<text class="green1-text">平特二连肖</text>
								『
								<text class="red-text">羊狗</text>
								』『
								<text class="red-text bg-yellow">鸡鼠</text>
								』
							</text>
						</view>
					</u-col>
				</u-row>
			</view>

			<!-- 澳门彩霸王【七字平特】 -->
			<view>澳门彩霸王【七字平特】</view>
			<view class="duilianpt">
				<u-row justify="space-between" gutter="10">
					<u-col span="12">
						<view class="text-center">
							<text class="black-text">
								050期:
								<text class="blue-text">七字平特</text>
								<text class="red-text">
									《
									<text class="bg-yellow">好马不吃回头草</text>
									》
								</text>
								<text class="green1-text">开:马35准</text>
							</text>
						</view>
					</u-col>
				</u-row>
			</view>

			<!-- 澳门彩霸王【单双笔肖】 -->
			<view>澳门彩霸王【单双笔肖】</view>
			<view class="duilianpt">
				<u-row justify="space-between" gutter="10">
					<u-col span="12">
						<view class="text-center">
							<text class="black-text">
								053期:单双笔中特:
								<text class="green1-text">【</text>
								<text class="red-text">单笔</text>
								<text class="green1-text">】</text>
								开龙25准
							</text>
						</view>
					</u-col>
				</u-row>

				<u-row justify="space-between" gutter="10">
					<u-col span="6">
						<view class="text-center"><text class="green1-text">单笔：鼠龙马蛇鸡猪</text></view>
					</u-col>

					<u-col span="6">
						<view class="text-center"><text class="blue-text">双笔：虎猴狗兔羊牛</text></view>
					</u-col>
				</u-row>
			</view>

			<!-- 2024年最火【家禽野兽】实力派 -->
			<view>2024年最火【家禽野兽】实力派</view>
			<view class="duilianpt">
				<u-row justify="space-between" gutter="10">
					<u-col span="12">
						<view class="text-center">
							<text class="black-text">
								2024052期:
								<text class="green1-text">【野兽】</text>
								本期100%.开
								<text class="red-text">?00</text>
								准
							</text>
						</view>
					</u-col>
				</u-row>
			</view>

			<!-- 聚彩堂正一句解平特企独家发表 -->
			<view>聚彩堂正一句解平特企独家发表</view>
			<view class="duilianpt">
				<u-row justify="space-between" gutter="10">
					<u-col span="12">
						<view class="text-center">
							<text class="green1-text">
								006期:
								<text class="blue-text">【狡兔三窟人心间】</text>
								解
								<text class="blue-text bg-yellow">(兔)</text>
								开
								<text class="blue-text">兔01</text>
								准
							</text>
						</view>
					</u-col>
				</u-row>
			</view>

			<!-- 马如龙【全网最准八肖】轰动六合界 -->
			<view>马如龙【全网最准八肖】轰动六合界</view>
			<view class="duilianpt">
				<u-row justify="space-between" gutter="10">
					<u-col span="12">
						<view class="text-center">
							<text class="black-text">
								006期:
								<text class="blue1-text">最准⑧肖</text>
								<text class="blue-text">＜鸡马牛龙羊兔牛猴＞</text>
							</text>
						</view>
					</u-col>
				</u-row>
			</view>

			<!-- 最赚钱资料<火爆六肖>让您利滚利 -->
			<view>最赚钱资料<火爆六肖>让您利滚利</view>
			<view class="duilianpt">
				<u-row justify="space-between" gutter="10">
					<u-col span="12">
						<view class="text-center">
							<text class="black-text">
								010-011期火爆六肖
								<text class="red-text">
									【马蛇鼠狗
									<text class="bg-yellow">龙鸡</text>
									】
								</text>
								<text class="blue-text">中二期</text>
							</text>
						</view>
					</u-col>
				</u-row>
			</view>

			<!-- 2024年【庄家必吃10码】让您省心 -->
			<view>2024年【庄家必吃10码】让您省心</view>
			<view class="duilianpt">
				<u-row justify="space-between" gutter="10">
					<u-col span="12">
						<view class="text-center">
							<text class="black-text">
								011期
								<text class="green1-text">(吃码)</text>
								:
								<text class="purple-text">18 20 26 30 32 36 38 42 44 48</text>
							</text>
						</view>
					</u-col>
				</u-row>
			</view>

			<!-- 聚彩堂【无错⑧尾中特】 -->
			<view>聚彩堂【无错⑧尾中特】</view>
			<view class="duilianpt">
				<u-row justify="space-between" gutter="10">
					<u-col span="12">
						<view class="text-center">
							<text class="black-text">
								006期无错⑧尾
								<text class="red-text">
									(0.
									<text class="bg-yellow">9</text>
									.7.6.5.4.3.8)
								</text>
								:
								<text class="purple-text">开:猪29准</text>
							</text>
						</view>
					</u-col>
				</u-row>
			</view>
			
			<!-- 金牌单双王【主博④肖】 -->
			<view>金牌单双王【主博④肖】</view>
			<view class="duilianpt">
				<u-row justify="space-between" gutter="10">
					<u-col span="12">
						<view class="text-center">
							<text class="black-text">
								021期:
								<text class="red-text">单双王.</text>
								:
								<text class="purple-text">主4肖</text>
								【
								<text class="red-text">双数</text>
								主
								<text class="blue-text">鸡牛兔羊</text>
								】
							</text>
						</view>
					</u-col>
				</u-row>
			</view>
			
			<!-- 王牌资料【五肖＋四尾】横扫六合界 -->
			<view>王牌资料【五肖＋四尾】横扫六合界</view>
			<view class="duilianpt">
				<u-row justify="space-between" gutter="10">
					<u-col span="12">
						<view class="text-center">
							<text class="red-text">021期</text>
							<text class="black-text">
								特肖
								<text class="red-text">(鸡马牛龙羊)</text>
								特尾
								<text class="red-text">(6180)</text>
								开:
								<text class="red-text">?00</text>
							</text>
						</view>
					</u-col>
				</u-row>
			</view>
			
			<!-- 禁码令【禁一肖一尾】全年少错 -->
			<view>禁码令【禁一肖一尾】全年少错</view>
			<view class="duilianpt">
				<u-row justify="space-between" gutter="10">
					<u-col span="12">
						<view class="text-center">
							<text class="red-text">005期:</text>
							<text class="blue1-text">
								（禁一肖）
								<text class="red-text">【猴】</text>
								（禁一尾）
								<text class="red-text">【6】</text>
								开:
								<text class="blue-text">21</text>
							</text>
						</view>
					</u-col>
				</u-row>
			</view>

			<!-- 聚彩堂破解一真言一句! -->
			<view>聚彩堂破解一真言一句!</view>
			<view class="duilianpt">
				<u-row justify="space-between" gutter="10">
					<u-col span="12">
						<view class="text-center"><text>021期一句真言：四夷统一庆佳祥</text></view>
					</u-col>
				</u-row>

				<u-row justify="space-between" gutter="10">
					<u-col span="12">
						<view class="text-left">
							<text class="green1-text">真言解释:意思是四方蛮夷统一了天下欢庆美好吉祥的景象。四解兔牛，一解龙鼠，佳解人猴或者土肖牛羊龙狗，祥解羊肖。</text>
						</view>
						<text class="black-text">
							真言解肖主前:
							<text class="red-text">牛羊龙狗免猴 開:？00</text>
						</text>
					</u-col>
				</u-row>
			</view>
			
			<!-- 聚彩堂新料一谜语猜特码！ -->
			<view>聚彩堂新料一谜语猜特码！</view>
			<view class="duilianpt">
				<u-row justify="space-between" gutter="10">
					<u-col span="12">
						<view class="text-center"><text>019期【谜语】：≤烹呈美味拌辛酸。1</text></view>
					</u-col>
				</u-row>
			
				<u-row justify="space-between" gutter="10">
					<u-col span="12">
						<view class="text-left">
							<text class="green1-text">可猜得：牛鼠猴猪龙鸡羊</text>
						</view>
						<text class="black-text">
							开奖结果：龙37准
						</text>
					</u-col>
				</u-row>
			</view>

			<!-- 汇天下精英高手，聚八方精准资料 -->
			<view>汇天下精英高手，聚八方精准资料</view>
			<view class="duilianpt">
				<u-row justify="space-between" gutter="10">
					<u-col span="12">
						<view class="text-center"><text>021期：聚彩堂【一肖一码】</text></view>
					</u-col>
				</u-row>
				<view class="duilianpt centent8">
					<u-row class="element-row">
						<u-col :span="5" class="element-title" :style="{ textAlign: 'center' }">
							<text class="blue1-text">
								四肖:
								<text class="red-text">鸡马牛龙</text>
							</text>
						</u-col>
						<u-col :span="7" class="wave-colors">
							<view class="text-left text-left-pd5">
								<text class="blue1-text">
									⑧码:
									<text class="red-text">20 32 35 47 28 40 13 25</text>
								</text>
							</view>
						</u-col>
					</u-row>

					<u-row class="element-row">
						<u-col :span="5" class="element-title" :style="{ textAlign: 'center' }">
							<text class="blue1-text">
								二肖:
								<text class="red-text">鸡马-实力</text>
							</text>
						</u-col>
						<u-col :span="7" class="wave-colors">
							<view class="text-left text-left-pd5">
								<text class="blue1-text">
									④码:
									<text class="red-text">20 32 35 47</text>
								</text>
							</view>
						</u-col>
					</u-row>

					<u-row class="element-row">
						<u-col :span="5" class="element-title" :style="{ textAlign: 'center' }">
							<text class="blue1-text">
								一肖:
								<text class="red-text">鸡-期期挑战</text>
							</text>
						</u-col>
						<u-col :span="7" class="wave-colors">
							<view class="text-left text-left-pd5">
								<text class="blue1-text">
									①码:
									<text class="red-text">20</text>
								</text>
							</view>
						</u-col>
					</u-row>
				</view>
			</view>

			<!-- 澳门春夏秋冬 -->
			<view>澳门春夏秋冬</view>
			<view class="duilianpt">
				<u-row justify="space-between" gutter="10">
					<u-col span="12">
						<view class="text-center">
							<text class="black-text">
								053期:春夏秋冬:
								<text class="green1-text">【</text>
								<text class="red-text">更新中</text>
								<text class="green1-text">】</text>
								开？00准
							</text>
						</view>
					</u-col>
				</u-row>

				<u-row justify="space-between" gutter="10">
					<u-col span="3">
						<view class="text-center"><text class="purple-text">春：兔虎龙</text></view>
					</u-col>

					<u-col span="3">
						<view class="text-center"><text class="black-text">夏：蛇马羊</text></view>
					</u-col>

					<u-col span="3">
						<view class="text-center"><text class="green1-text">秋：猴鸡狗</text></view>
					</u-col>

					<u-col span="3">
						<view class="text-center"><text class="blue-text">冬：猪鼠牛</text></view>
					</u-col>
				</u-row>
			</view>
			
			
			<!-- 钱多多『今期输尽光』 -->
			<view>钱多多『今期输尽光』</view>
			<view class="duilianpt">
				<u-row justify="space-between" gutter="10">
					<u-col span="12">
						<view class="text-center"><text class="green1-text">045期输尽光玄机开牛28中</text></view>
						<view class="text-container">
							<text class="text-item green1-text">
								<text class="green1-text">今期买</text>
								<text class="red-text bg-yellow">免</text>
								输尽光
							</text>
							<text class="text-item green1-text">
								<text class="green1-text bg-yellow">大双</text>
								今期无人买
								
							</text>
							<text class="text-item blue-text">
								有钱不买
								<text class="red-text bg-yellow">红双数</text>
								
							</text>
							<text class="text-item blue-text">
								特码就开342
								<text class="red-text bg-yellow">1</text>
								头
								
							</text>
						</view>
					</u-col>
				</u-row>
			</view>

			<!-- 黄色广告条 -->
			<view>黄色广告条</view>
			<view class="duilianpt">
				<template v-for="(item, index) in advertisements">
					<u-row justify="space-between" gutter="10" :key="index">
						<u-col span="12"><u--image mode="widthFix" width="100%" height="100%" :src="item.imgSrc"></u--image></u-col>
					</u-row>
				</template>
			</view>

			<!-- 其他 -->
			<view>其他</view>
			<u-row justify="space-between" gutter="10">
				<u-col span="3">
					<view class="text-center"><text>2024052期:</text></view>
				</u-col>

				<u-col span="7">
					<u-row justify="space-between">
						<u-col span="12">
							<view class="text-center">
								<u-row>
									<u-col span="2"><view class="demo-layout bg-purple-light">25 12</view></u-col>
									<u-col span="2"><view class="demo-layout bg-purple-light">41 12</view></u-col>
									<u-col span="2"><view class="demo-layout bg-purple-light">08 12</view></u-col>
									<u-col span="2"><view class="demo-layout bg-purple-light">11 12</view></u-col>
									<u-col span="2"><view class="demo-layout bg-purple-light">12 12</view></u-col>
								</u-row>
								<u-row>
									<u-col span="2"><view class="demo-layout bg-purple">龙</view></u-col>
									<u-col span="2"><view class="demo-layout bg-purple">鼠</view></u-col>
									<u-col span="2"><view class="demo-layout bg-purple">鸡</view></u-col>
									<u-col span="2"><view class="demo-layout bg-purple">马</view></u-col>
									<u-col span="2"><view class="demo-layout bg-purple">蛇</view></u-col>
								</u-row>
							</view>
						</u-col>
					</u-row>
				</u-col>

				<u-col span="2">
					<u-row><u-col span="12">开狗</u-col></u-row>
					<u-row>
						<u-col span="12">
							<view>
								<text>43</text>
								<u-icon name="checkmark" size="16" color="#red" style="float:right;font-weight: bold;"></u-icon>
							</view>
						</u-col>
					</u-row>
				</u-col>
			</u-row>
		</view>
	</view>
</template>

<script>
export default {
	name: 'LayoutA',
	data() {
		return {
			themes: 'theme-default',
			zodiacData: [{ name: '虎', color: 'red', number: 39 }, { name: '猪', color: 'green', number: 39 }, { name: '羊', color: 'blue', number: 39 }],
			animals: [
				{
					name: '龙',
					image: 'https://res.cloudinary.com/don15jt24/image/upload/v1708707758/long_flsvqz.gif',
					chong: '冲 狗',
					numbers: [
						{ value: '01', color: 'red' },
						{ value: '13', color: 'red' },
						{ value: '25', color: 'blue' },
						{ value: '37', color: 'blue' },
						{ value: '49', color: 'green' }
					]
				},
				{
					name: '兔',
					image: 'https://res.cloudinary.com/don15jt24/image/upload/v1708707894/tu_qmkxkk.gif',
					chong: '冲 鸡',
					numbers: [{ value: '02', color: 'red' }, { value: '14', color: 'blue' }, { value: '26', color: 'blue' }, { value: '38', color: 'green' }]
				},
				{
					name: '虎',
					image: 'https://res.cloudinary.com/don15jt24/image/upload/v1708707893/hu_zykbrq.gif',
					chong: '冲 猴',
					numbers: [{ value: '03', color: 'blue' }, { value: '15', color: 'blue' }, { value: '27', color: 'green' }, { value: '39', color: 'green' }]
				},
				{
					name: '牛',
					image: 'https://res.cloudinary.com/don15jt24/image/upload/v1708708013/niu_hk2hf6.gif',
					chong: '冲 羊',
					numbers: [{ value: '04', color: 'blue' }, { value: '16', color: 'green' }, { value: '28', color: 'green' }, { value: '40', color: 'red' }]
				},
				{
					name: '鼠',
					image: 'https://res.cloudinary.com/don15jt24/image/upload/v1708708014/shu_njzhpu.gif',
					chong: '冲 马',
					numbers: [{ value: '05', color: 'green' }, { value: '17', color: 'green' }, { value: '29', color: 'red' }, { value: '41', color: 'blue' }]
				},
				{
					name: '猪',
					image: 'https://res.cloudinary.com/don15jt24/image/upload/v1708708014/zhu_wol7vj.gif',
					chong: '冲 蛇',
					numbers: [{ value: '06', color: 'green' }, { value: '18', color: 'red' }, { value: '30', color: 'red' }, { value: '42', color: 'blue' }]
				},
				{
					name: '狗',
					image: 'https://res.cloudinary.com/don15jt24/image/upload/v1708708013/gou_yinkxz.gif',
					chong: '冲 龙',
					numbers: [{ value: '07', color: 'red' }, { value: '19', color: 'red' }, { value: '31', color: 'blue' }, { value: '43', color: 'green' }]
				},
				{
					name: '鸡',
					image: 'https://res.cloudinary.com/don15jt24/image/upload/v1708708013/ji_hofl11.gif',
					chong: '冲 兔',
					numbers: [{ value: '08', color: 'red' }, { value: '20', color: 'blue' }, { value: '32', color: 'green' }, { value: '44', color: 'green' }]
				},
				{
					name: '猴',
					image: 'https://res.cloudinary.com/don15jt24/image/upload/v1708708012/hou_upkwqu.gif',
					chong: '冲 虎',
					numbers: [{ value: '09', color: 'blue' }, { value: '21', color: 'green' }, { value: '33', color: 'green' }, { value: '45', color: 'red' }]
				},

				{
					name: '羊',
					image: 'https://res.cloudinary.com/don15jt24/image/upload/v1708708014/yang_utyaya.gif',
					chong: '冲 牛',
					numbers: [{ value: '10', color: 'blue' }, { value: '22', color: 'green' }, { value: '34', color: 'red' }, { value: '46', color: 'red' }]
				},
				{
					name: '马',
					image: 'https://res.cloudinary.com/don15jt24/image/upload/v1708708013/ma_ozactx.gif',
					chong: '冲 鼠',
					numbers: [{ value: '11', color: 'green' }, { value: '23', color: 'red' }, { value: '35', color: 'red' }, { value: '47', color: 'blue' }]
				},
				{
					name: '蛇',
					image: 'https://res.cloudinary.com/don15jt24/image/upload/v1708708013/she_ltjqat.gif',
					chong: '冲 猪',
					numbers: [{ value: '12', color: 'red' }, { value: '24', color: 'red' }, { value: '36', color: 'blue' }, { value: '48', color: 'blue' }]
				}
				// Add other animals here
			],
			elements: [
				{
					element: '金',
					color: '#ffcc00',
					numbers: [
						{ value: '02', color: '' },
						{ value: '03', color: 'blue' },
						{ value: '10', color: 'blue' },
						{ value: '11', color: 'green' },
						{ value: '24', color: '' },
						{ value: '25', color: 'blue' },
						{ value: '32', color: 'green' },
						{ value: '33', color: 'green' },
						{ value: '40', color: '' },
						{ value: '41', color: 'blue' }
					]
				},
				{
					element: '木',
					color: '#33cc33',
					numbers: [
						{ value: '06', color: 'green' },
						{ value: '07', color: '' },
						{ value: '14', color: 'blue' },
						{ value: '15', color: 'blue' },
						{ value: '22', color: 'green' },
						{ value: '23', color: '' },
						{ value: '36', color: 'blue' },
						{ value: '37', color: 'blue' },
						{ value: '44', color: 'green' },
						{ value: '45', color: '' }
					]
				},
				{
					element: '水',
					color: '#3399ff',
					numbers: [
						{ value: '12', color: '' },
						{ value: '13', color: '' },
						{ value: '20', color: 'blue' },
						{ value: '21', color: 'green' },
						{ value: '28', color: 'green' },
						{ value: '29', color: '' },
						{ value: '42', color: 'blue' },
						{ value: '43', color: 'green' }
					]
				},
				{
					element: '火',
					color: '#ff6600',
					numbers: [
						{ value: '01', color: '' },
						{ value: '08', color: '' },
						{ value: '09', color: 'blue' },
						{ value: '16', color: 'green' },
						{ value: '17', color: 'green' },
						{ value: '30', color: '' },
						{ value: '31', color: 'blue' },
						{ value: '38', color: 'green' },
						{ value: '39', color: 'green' },
						{ value: '46', color: '' },
						{ value: '47', color: 'blue' }
					]
				},
				{
					element: '土',
					color: '#cc9900',
					numbers: [
						{ value: '04', color: 'blue' },
						{ value: '05', color: 'green' },
						{ value: '18', color: '' },
						{ value: '19', color: '' },
						{ value: '26', color: 'blue' },
						{ value: '27', color: 'green' },
						{ value: '34', color: '' },
						{ value: '35', color: '' },
						{ value: '48', color: 'blue' },
						{ value: '49', color: 'green' }
					]
				}
			],
			waveColors: [
				{
					name: '红波',
					color: '#ff0000',
					numbers: ['01', '02', '07', '08', '12', '13', '18', '19', '23', '24', '29', '30', '34', '35', '40', '45', '46']
				},
				{
					name: '蓝波',
					color: '#3366ff',
					numbers: ['03', '04', '09', '10', '14', '15', '20', '25', '26', '31', '36', '37', '41', '42', '47', '48']
				},
				{
					name: '绿波',
					color: '#009933',
					numbers: ['05', '06', '11', '16', '17', '21', '22', '27', '28', '32', '33', '38', '39', '43', '44', '49']
				}
			],
			compositeNumbers: [
				{
					type: '合数单',
					numbers: [
						{ value: '01', color: '' },
						{ value: '03', color: 'blue' },
						{ value: '05', color: 'green' },
						{ value: '07', color: '' },
						{ value: '09', color: 'blue' },
						{ value: '10', color: 'blue' },
						{ value: '12', color: '' },
						{ value: '14', color: 'blue' },
						{ value: '16', color: 'green' },
						{ value: '18', color: '' },
						{ value: '21', color: 'green' },
						{ value: '23', color: '' },
						{ value: '25', color: 'blue' },
						{ value: '27', color: 'green' },
						{ value: '29', color: '' },
						{ value: '30', color: '' },
						{ value: '32', color: 'green' },
						{ value: '34', color: '' },
						{ value: '36', color: 'blue' },
						{ value: '38', color: 'green' },
						{ value: '41', color: 'blue' },
						{ value: '43', color: 'green' },
						{ value: '45', color: '' },
						{ value: '47', color: 'blue' },
						{ value: '49', color: 'green' }
					]
				},
				{
					type: '合数双',
					numbers: [
						{ value: '02', color: '' },
						{ value: '04', color: 'blue' },
						{ value: '06', color: 'green' },
						{ value: '08', color: '' },
						{ value: '11', color: 'green' },
						{ value: '13', color: '' },
						{ value: '15', color: 'blue' },
						{ value: '17', color: 'green' },
						{ value: '19', color: '' },
						{ value: '20', color: 'blue' },
						{ value: '22', color: 'green' },
						{ value: '24', color: '' },
						{ value: '26', color: 'blue' },
						{ value: '28', color: 'green' },
						{ value: '31', color: 'blue' },
						{ value: '33', color: 'green' },
						{ value: '35', color: '' },
						{ value: '37', color: 'blue' },
						{ value: '39', color: 'green' },
						{ value: '40', color: '' },
						{ value: '42', color: 'blue' },
						{ value: '44', color: 'green' },
						{ value: '46', color: '' },
						{ value: '48', color: 'blue' }
					]
				}
			],
			zodiacAttributes: [
				{ category: '家禽', animals: ['牛', '马', '羊', '鸡', '狗', '猪'] },
				{ category: '野兽', animals: ['鼠', '虎', '兔', '龙', '蛇', '猴'] },
				{ category: '吉美', animals: ['兔', '龙', '蛇', '马', '羊', '鸡'] },
				{ category: '凶丑', animals: ['鼠', '牛', '虎', '猴', '狗', '猪'] },
				{ category: '阴性', animals: ['鼠', '龙', '蛇', '马', '狗', '猪'] },
				{ category: '阳性', animals: ['牛', '虎', '兔', '羊', '猴', '鸡'] },
				{ category: '单笔', animals: ['鼠', '龙', '马', '蛇', '鸡', '猪'] },
				{ category: '双笔', animals: ['虎', '猴', '狗', '兔', '羊', '牛'] },
				{ category: '天肖', animals: ['兔', '马', '猴', '猪', '牛', '龙'] },
				{ category: '地肖', animals: ['蛇', '羊', '鸡', '狗', '鼠', '虎'] },
				{ category: '白边', animals: ['鼠', '牛', '虎', '鸡', '狗', '猪'] },
				{ category: '黑中', animals: ['兔', '龙', '蛇', '马', '羊', '猴'] },
				{ category: '女肖', animals: ['兔', '蛇', '羊', '鸡', '猪'] },
				{ category: '男肖', animals: ['鼠', '牛', '虎', '龙', '马', '猴', '狗'] },
				{ category: '三合', animals: ['鼠龙猴', '牛蛇鸡', '虎马狗', '兔羊猪'] },
				{ category: '六合', animals: ['鼠牛', '龙鸡', '虎猪', '蛇猴', '兔狗', '马羊'] },
				{ category: '琴', animals: ['兔蛇鸡'] },
				{ category: '棋', animals: ['鼠牛狗'] },
				{ category: '书', animals: ['虎龙马'] },
				{ category: '画', animals: ['羊猴猪'] },
				{ category: '五福肖', animals: ['鼠', '虎', '兔', '蛇', '猴', '龙'] },
				{ category: '红肖', animals: ['马', '兔', '鼠', '鸡'] },
				{ category: '蓝肖', animals: ['蛇', '虎', '猪', '猴'] },
				{ category: '绿肖', animals: ['羊', '龙', '牛', '狗'] }
			],
			advertisements: [
				{
					href: 'https://9831581.com:7731/fafafa1053.html',
					imgSrc: 'https://9831tc.com/tp/712x90.gif',
					alt: '点击查看.'
				},
				{
					href: 'https://www.843374.com/?r=36491#/',
					imgSrc: 'https://z4a.net/images/2023/08/20/8433960x80.gif',
					alt: '点击查看.'
				},
				{
					href: 'https://v-0913-txg3.zymok99.dev/3133.html',
					imgSrc: 'https://pjkbv034cbdft6qwd.com/0343.gif',
					alt: '点击查看.'
				},
				{
					href: 'https://9323666.com:3199/d2.html',
					imgSrc: 'https://9323tp.cc/tp/960x60.gif',
					alt: '点击查看.'
				},
				{
					href: 'https://05-dfghdfgh3400-tm.com',
					imgSrc: 'https://www.3400tupian.com/34/tm-34-960x80.gif',
					alt: '点击查看.'
				},
				{
					href: 'https://156.227.31.53:8123/0167/6/index.html',
					imgSrc: 'https://tupain2.baitu4lliltvmwelqubyqm.com/20231/0167/960.60ls.gif',
					alt: '点击查看.'
				},
				{
					href: 'https://185.203.39.35:6446/6446/4/index.html',
					imgSrc: 'https://tupain2.baitu4lliltvmwelqubyqm.com/20231/6446/960.60.gif',
					alt: '点击查看.'
				},
				{
					href: 'https://1325603.com/tm998a.html',
					imgSrc: 'https://1325tp.com/tp/960x60.gif',
					alt: '点击查看.'
				},
				{
					href: 'https://169.239.131.15:3089/6966/10240/index.html',
					imgSrc: 'https://tupain2.baitu4lliltvmwelqubyqm.com/2023/6966/80.ys.x6.gif',
					alt: '点击查看.'
				},
				{
					href: 'https://www.91296666.com:9129/?61275629',
					imgSrc: 'https://www.9129666tp.com/pm50.gif',
					alt: '点击查看.'
				},
				{
					href: 'https://www.81228888.com:8122?41269266',
					imgSrc: 'https://www.8122888tp.com/7bw50-1.gif',
					alt: '点击查看.'
				},
				{
					href: 'https://jnc88.3569888884.com:3569/lt.html?156620227#j8819',
					imgSrc: 'https://pppmmm.tututufafafa.com/jnc2023/pm.gif',
					alt: '点击查看.'
				},
				{
					href: 'https://c75888.com:7575/ale219.html',
					imgSrc: 'https://c7575tp.com/tp/712x45.gif',
					alt: '点击查看.'
				},
				{
					href: 'https://8208008.com:8208/l3.html',
					imgSrc: 'https://5698tp.com/tp/8yustaoza.gif',
					alt: '点击查看.'
				},
				{
					href: 'https://5698771.com:5598/we8.html',
					imgSrc: 'https://5698tp.com/tp/960x601.gif',
					alt: '点击查看.'
				},
				{
					href: 'https://llxtiaoz70.com/nice.htm?21172485',
					imgSrc: 'https://www.gggttt888.com/96.gif',
					alt: '点击查看.'
				},
				{
					href: 'https://mbm966001.com:9966/aj517.html',
					imgSrc: 'https://c8932888tp.com/tp/bht60.gif',
					alt: '点击查看.'
				},
				{
					href: 'https://yh88.9759666663.com:9759/lt.html?159012159#y8819',
					imgSrc: 'https://pppmmm.tututufafafa.com/yh2023/pm.gif',
					alt: '点击查看.'
				},
				{
					href: 'https://mt88.5003188882.com:500/lt.html?989015760#8812',
					imgSrc: 'https://pppmmm.tututufafafa.com/mt2023/pm.gif',
					alt: '点击查看.'
				},
				{
					href: 'https://6151537.com:6651/al322.html',
					imgSrc: 'https://6151tp.com/712x45.gif',
					alt: '点击查看.'
				},
				{
					href: 'https://48vip55.com/',
					imgSrc: 'https://img11.chkaja.com/files/20240210/169b2cf6275dc94f.gif',
					alt: '点击查看.'
				},
				{
					href: 'https://06-fdgfdhdf5959-tm.com',
					imgSrc: 'https://www.5959tupian.com/59/tm-59-960x80.gif',
					alt: '点击查看.'
				},
				{
					href: 'https://sm140qp.com:7299/pm.html',
					imgSrc: 'https://6399tp.com/tp/712x45-6.gif',
					alt: '点击查看.'
				},
				{
					href: 'https://www.78596666.com:7859/?62137253',
					imgSrc: 'https://www.7859888tp.com/750-50.gif',
					alt: '点击查看.'
				}
			]
		};
	}
};
</script>

<style lang="scss" scoped>
@import './common.css';

// 2024年属性知识
.zodiac-title {
	display: flex;
	align-items: center;
}
.zodiac-numbers text {
	height: 18px;
	line-height: 18px;
	margin: 0 2px;
	padding: 0 2px;
	font-size: 12px;
	color: #fff;
	display: inline-block;
}
.zodiac-title img {
	margin-left: 5px;
}

.red {
	background-color: #ff0000;
	color: #fff;
}

.blue {
	background-color: #3366ff;
	color: #fff;
}

.green {
	background-color: #008000;
	color: #fff;
}

.grad {
	padding: 10rpx 0;
	margin-bottom: 20rpx;
}

.bgcolor {
	background: #f1f1f1;
}

.element-row .u-col {
	// margin-bottom: 20px;
	text-align: center;
	// border-left: 1px solid #c0c0c0;
}

.element-title {
	font-weight: bold;
	padding: 10rpx 0;
	text-align: center;
}

.numbers-container text {
	margin: 0 2px;
	padding: 0 2px;
	font-size: 28rpx;
	color: #fff;
	display: inline-block;
}

.zodiacAttributes text {
	margin: 0 2px;
	padding: 0 2px;
	font-size: 28rpx;
	display: inline-block;
}

.wave-colors {
	padding: 10rpx;
	border-left: 1px solid #c0c0c0;
}

.centent8 .u-row {
	border-top: none;
	height: auto;
}

.column-with-divider::after {
	height: 100%;
	content: '';
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 1px;
	background-color: #ccc; /* 分隔线颜色 */
}
.column-with-divider {
	position: relative; /* 为了定位伪元素 */
}
</style>
